Video controls 样式修改

2023-11-25 07:44| 来源: 网络整理| 查看: 265

菜单三个点

图片.png 1、nodownload: 不要下载按钮 2、nofullscreen: 不要全屏按钮 3、noremoteplayback: 不要远程回放 4、disablePictureInPicture 不要画中画按钮 5、noplaybackrate 不要播放速度按钮新版chrome浏览器可以去掉video播放自带的"播放速度"

其它controls样式

//全屏按钮 video::-webkit-media-controls-fullscreen-button { display: none; } //播放按钮 video::-webkit-media-controls-play-button { display: none; } //进度条 video::-webkit-media-controls-timeline { display: none; } //观看的当前时间 video::-webkit-media-controls-current-time-display{ display: none; } //剩余时间 video::-webkit-media-controls-time-remaining-display { display: none; } //音量按钮 video::-webkit-media-controls-mute-button { display: none; } video::-webkit-media-controls-toggle-closed-captions-button { display: none; } //音量的控制条 video::-webkit-media-controls-volume-slider { display: none; } //所有控件 video::-webkit-media-controls-enclosure{ display: none; }

【本文地址】

公司简介

联系我们